@charset "utf-8";

/***
 *	JFinalShop Cart Item Style
 *
 *	http://www.jfinalshop.com
 *
 *	Copyright (c) 2014 JFinalShop. All rights reserved.
 **/

.cartItemList .body {
	width: 1000px;
	margin: 0px auto;
}

.cartItemList .cartItemListBar {
	width: 1000px;
	height: 56px;
	clear: both;
	background: url(../images/cart_item_bg.gif) 0px -90px no-repeat;
}

.cartItemList .cartItemListDetail {
	width: 1000px;
	clear: both;
}

.cartItemList .cartItemListDetail .top {
	width: 1000px;
	height: 41px;
	clear: both;
}

.cartItemList .cartItemListDetail .top .topLeft {
	width: 4px;
	height: 41px;
	float: left;
	background: url(../images/cart_item_bg.gif) 0px 0px no-repeat;
}

.cartItemList .cartItemListDetail .top .topMiddle {
	width: 984px;
	height: 41px;
	line-height: 41px;
	float: left;
	padding-left: 8px;
	font-size: 14px;
	font-weight: bold;
	background: url(../images/cart_item_x_bg.gif) 0px 0px repeat-x;
}

.cartItemList .cartItemListDetail .top .topRight {
	width: 4px;
	height: 41px;
	float: right;
	background: url(../images/cart_item_bg.gif) -30px 0px no-repeat;
}

.cartItemList .cartItemListDetail .middle {
	width: 980px;
	padding: 0px 10px 10px 10px;
	clear: both;
	background: url(../images/cart_item_y_bg.gif) 0px 0px repeat-y;
}

.cartItemList .cartItemListDetail .bottom {
	width: 1000px;
	height: 15px;
	clear: both;
}

.cartItemList .cartItemListDetail .bottom .bottomLeft {
	width: 4px;
	height: 15px;
	float: left;
	background: url(../images/cart_item_bg.gif) 0px -60px no-repeat;
}

.cartItemList .cartItemListDetail .bottom .bottomMiddle {
	width: 992px;
	height: 15px;
	float: left;
	background: url(../images/cart_item_x_bg.gif) 0px -60px repeat-x;
}

.cartItemList .cartItemListDetail .bottom .bottomRight {
	width: 4px;
	height: 15px;
	float: right;
	background: url(../images/cart_item_bg.gif) -30px -60px no-repeat;
}

.cartItemList .listTable {
	width: 100%;
}

.cartItemList .listTable th {
	line-height: 30px;
	color: #cd0000;
	border: 1px solid #d4d4d4;
	background-color: #f2f2f2;
}

.cartItemList .listTable td {
	padding: 5px;
	text-align: center;
	color: #595959;
	border: 1px solid #d4d4d4;
}

.cartItemList .listTable td img {
	width: 60px;
	height: 60px;
	vertical-align: middle;
	padding: 1px;
	border: 1px solid #eeeeee;
}

.cartItemList .listTable .productName {
	text-align: left;
}

.cartItemList .listTable input.quantity {
	width: 22px;
	height: 12px;
	line-height: 12px;
}

.cartItemList .listTable .priceTd {
	color: #ff0000;
	background-color: #fefbf3;
}

.cartItemList .listTable .noRecord {
	line-height: 30px;
	color: #ff0000;
	text-align: center;
}

.cartItemList .listTable .info {
	line-height: 30px;
	text-align: right;
}

.cartItemList .continueShopping {
	float: left;
	margin-right: 10px;
}

.cartItemList .clearCartItem {
	float: left;
}

.cartItemList .continueShopping span.icon {
	width: 25px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/cart_item_bg.gif) -60px 0px no-repeat;
}

.cartItemList .clearCartItem span.icon {
	width: 25px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/cart_item_bg.gif) -90px 0px no-repeat;
}

.cartItemList a.formButton {
	width: 83px;
	height: 32px;
	line-height: 32px;
	display: block;
	float: right;
	margin-right: 10px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 5px;
	color: #ffffff;
	outline: none;
	cursor: pointer;
	border: none;
	background: url(../images/cart_item_bg.gif) -120px 0px no-repeat;
}

.cartItemList a.formButton:hover {
	background: url(../images/cart_item_bg.gif) -210px 0px no-repeat;
}

.cartItemList .changeQuantityTip {
	width: 172px;
	height: 67px;
	display: none;
	position: absolute;
}

.cartItemList .changeQuantityTip .tipArrow {
	width: 9px;
	height: 6px;
	position: absolute;
	z-index: 1;
	left: 76px;
	top: 0px;
	background: url(../images/cart_item_bg.gif) -60px -60px no-repeat;
}

.cartItemList .changeQuantityTip .tipClose {
	width: 7px;
	height: 6px;
	position: absolute;
	z-index: 1;
	right: 3px;
	top: 3px;
	cursor: pointer;
	background: url(../images/cart_item_bg.gif) -90px -60px no-repeat;
}

.cartItemList .changeQuantityTip .tipDetail {
	width: 160px;
	height: 50px;
	line-height: 25px;
	padding: 5px;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 5px;
	color: #444444;
	border: 1px solid #f78e01;
	background-color: #fffddd;
}